﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="ATW.Web.login.login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>登陆</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Main.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <style type="text/css">
        input::-moz-placeholder
        {
            text-align: center;
            font-size: 16px;
            color: Black;
        }
        input::-webkit-input-placeholder
        {
            text-align: center;
            font-size: 16px;
            color: Black;
        }
        input::-ms-input-placeholder
        {
            text-align: center;
            font-size: 16px;
            color: Black;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="ui-flex">
            <img alt="" style="width: 20%; margin: 50px 40% 0 40%;" src="../images/login/logo.png" />
        </div>
        <div class="ui-flex ui-box  font-16" style="padding: 50px 10%;">
            <div class="ui-box bg-white col40" style="line-height: 60px; text-align: center;
                height: 60px; border: 1px solid black; border-radius: 5px 0 0 0;">
                中国+86</div>
            <input class=" ui-box bg-white col60" placeholder="请输入手机号" style="line-height: 60px;
                height: 60px; border: 1px solid black; border-left: none; border-radius: 0 5px 0 0;" />
            <input class=" ui-box bg-white ui-flex" placeholder="输入密码" style="line-height: 60px;
                height: 60px; border: 1px solid black; border-top: none; border-radius: 0 0 5px 5px;" />
        </div>
        <input type="button" class="bg-darkblue font-18 font-white" style="margin-left: 10%;
            border-radius: 10px; width: 80%; height: 60px;" value="登陆" />
        <div class="ui-flex ui-box" style="margin-top: 50px;">
            <a><img alt="" class="ui-left ui-box" style="width: 50%;" src="../images/login/left.png" /></a>
            <a><img alt="" class="ui-left ui-box" style="width: 50%;" src="../images/login/right.png" /></a>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            var containerHeight = $(".container").height();
            var windowHeight = $(window).innerHeight();
            if (windowHeight > containerHeight) {
                $(".container").height(windowHeight + "px");
            }
        })    
    </script>
</body>
</html>
